<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>pay</title>
</head>
<body>
<!--id和下面#myQrcode一致-->
<div id="myQrcode"></div>
<!--通过https://www.bootcdn.cn源码工具库引入的-->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.5.1/jquery.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
<script th:inline="javascript">
    jQuery('#myQrcode').qrcode(/*[[${url}]]*/);
    $(function f() {
        //定时器
        setInterval(
            function () {
                /**
                 * $.ajax({请求的url,请求的参数,请求的回调函数})
                 */
                $.ajax({
                    'url':'/pay/orderNo',   /*此链接需要修改  查询数据库订单状态的链接   高频不断的访问查询*/
                    data:{'orderId':'123456789','amount':'0.01'},/*给查询数据库页面传的参数*/
                    /*回调查询到的数据 进行判断  并跳转页面*/
                    success:function (result) {
                        console.log("查询数据库时返回的数据：",result)
                        if(false){//如果数据库查到的数据条件满足时跳转   判断 result
                            location.href='http://baidu.com'; //跳转的地址
                        }
                        console.log("打印生成二维码的地址：",/*[[${url}]]*/)
                    }
                })
                        console.log("定时每6秒执行")
            },6000
        )//定时器
    })//Thymleaf内函数的写法

</script>
</body>
</html>